<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta name="keywords" content="${keyword}">
<meta name="description" content="${description }" />
<title data-index="1" id="selextTitle">游戏开发课程-湖南卓景京信息技术有限公司</title>
<!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
<link
	href="${path }/resource/plugin/bootstrap-3.3.5/css/bootstrap.min.css"
	rel="stylesheet" type="text/css">
<link
	href="${path }/resource/plugin/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">
<link href="${path }/resource/css/visitor/base.css" rel="stylesheet"
	type="text/css">
<link href="${path }/resource/css/visitor/game.css" rel="stylesheet"
	type="text/css">
<link rel="shortcut icon"
	href="${path }/resource/${path }/resource/images/favicon.ico">
</head>
<body class="">

	<jsp:include page="_top.jsp"></jsp:include>
	<div class="warp-box">
		<div class="content">
			<div class="banner">
				<img src="${banner.adImg }" alt="">
			</div>
			<div class="item1">
				<div class="container">
					<div class="tit">
						<img src="${kctxbt.adImg}" alt="">
					</div>

				</div>
				<img src="${kctx.adImg }" alt="" class="stage"> <a target="_blank" href="http://tb.53kf.com/code/client/10125135/1"
					class="enroll"><img
					src="${path }/resource/images/game-enroll.png" alt=""></a>
			</div>
		</div>
	</div>
	<div class="item2">
		<div class="container">
			<div class="tit">
				<img src="${kbbt.adImg }" alt="">
			</div>
			<table class="table table-hover course">
				<tbody>
					<c:forEach items="${bj}" var="item" varStatus="count">
						<tr>
							<td>游戏开发课程</td>
							<td><span class="opening-time"><fmt:formatDate
										value="${item.adTime }" pattern="yyyy.MM.dd" /></span> 开班</td>
							<td>${item.adTitle }</td>
							<td class="rest">剩余<span>${item.adUrl }</span>席
							</td>
							<td>距离开班 <span class="border-blue" id=day_show${count.index}>30</span>天<span
								class="border-blue" id=hour_show${count.index}>15</span>时<span
								class="border-blue" id=minute_show${count.index}>20</span>分<span
								class="border-blue" id=second_show${count.index}>30</span>秒
							</td>
							<td><span class="border-yellow"><a target="_blank" href="http://tb.53kf.com/code/client/10125135/1" class="entry">我要报名</a></span></td>
						</tr>
					</c:forEach>

				</tbody>
			</table>
		</div>
	</div>
	<div class="item3">
		<!--<span class="bg"><img src="images/game-bg22.jpg" alt=""></span>-->
		<div class="container">
			<div class="tit">
				<img src="${path }/resource/images/game-tit-3.png" alt="">
			</div>
			<div class="data1 col-md-6">
				<img src=" ${hq.adImg }" alt="" class="data-1">
				<p class="txt1">
					<span class="avg">${hq.adTitle }</span><span class="tip">${hq.adInfo1 }</span>
				</p>
			</div>
			<div class="data2 col-md-6">
				<img src="${hq2.adImg }" alt="" class="data-2">
				<p class="txt2">
					<span class="avg">${hq2.adTitle }</span><span class="tip">${hq2.adInfo1 }</span>
				</p>
			</div>
		</div>
	</div>

	<div class="item4">
		<div class="container">
			<div class="tit">
				<img src="${path }/resource/images/game-tit-4.png" alt="">
			</div>
			<div class="pictureSlider poster-main"
				data-setting='{"width":1050,"height":240,"posterWidth":400,"posterHeight":240,"scale":0.7,"autoPlay":true,"delay":2000,"speed":800}'>
				<div
					class="poster-btn poster-prev-btn glyphicon glyphicon-chevron-left"></div>
				<ul class="poster-list">
					<c:forEach items="${zp }" var="item">
						<li class="poster-item"><img
								src="${item.adImg}"></li>
					</c:forEach>
				</ul>
				<div
					class="poster-btn poster-next-btn glyphicon glyphicon-chevron-right"></div>
			</div>
		</div>
	</div>
	<div class="item5">
		<div class="container">
			<div class="tit">
				<img src="${jybt.adImg}" alt="">
			</div>
			<div class="table-responsive">
				<table class="table table-hover job job1">
					<tr>
						<th style="width: 11%;">姓名</th>
						<th style="width: 19%;">毕业院校</th>					
						<th style="width: 19%;">就业单位</th>
						<th style="width: 7%;">地点</th>
						<th style="width: 14%;"><span class="money">薪资</span></th>
						<th style="width: 15%;">福利</th>
						<th style="width: 14%;">就业时间</th>
					</tr>
				</table>
				<div class="box">
					<table class="table table-hover job job2" id="job">
						<tbody>
							<c:forEach items="${jyxx }" var="item">
								<tr>
									<td class="td1">${item.adTitle }</td>
												<td class="td2">${item.adInfo1 }</td>
												<td class="td3">${item.adInfo3 }</td>
												<td class="td4">${item.adInfo4 }</td>
												<td class="td5"><span class="money">${item.adInfo5 }</span></td>
												<td class="td6">${item.adInfo2 }</td>
												<td class="td7"><fmt:formatDate value="${item.adTime }"
												pattern="yyyy-MM-dd" /></td>
								</tr>
							</c:forEach>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="item6">
		<div class="tit">
			<img src="${path }/resource/images/game-tit-6.png" alt="">
		</div>
		<div class="pics">
			<img src="${xyq.adImg}" alt="">
		</div>
	</div>



	<jsp:include page="_foot.jsp"></jsp:include>
	<script type="text/javascript"
		src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
	<script type="text/javascript"
		src="${path }/resource/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
	<script type="text/javascript"
		src="${path }/resource/js/systools/AjaxProxy.js"></script>
	<script type="text/javascript"
		src="${path }/resource/js/systools/MTools.js"></script>
	<script type="text/javascript"
		src="${path }/resource/js/plugin/carousel.js"></script>
	<script src="${path }/resource/js/plugin/tween.js"></script>
	<script src="${path }/resource/js/plugin/utils.js"></script>
	<script src="${path }/resource/js/visitor/countdown.js"></script>

	<script>
		$(function() {
			Carousel.init($(".pictureSlider"));
		});
		(function() {
			var job = document.getElementById("job");
			var atr = job.getElementsByTagName("tr");
			job.moveTimer = window.setInterval(function() {
				changeImg(job, atr.length)
			}, 100);
			var step = 0;
			function changeImg(obj, height) {
				if (step === 0) {
					obj.style.top = 0;
				}
				step += 5;
				window.tween(obj, {
					top : -step
				}, 50);
				if (step >= (height - 6) * 60) {
					step = 0;
				}
			}
			job.onmouseover = function() {
				clearInterval(job.moveTimer)
			}
			job.onmouseout = function() {
				job.moveTimer = window.setInterval(function() {
					changeImg(job, atr.length)
				}, 100);
			}
		})()
	</script>
</body>
</html>